//.tabs{
//  align-items: center;
//}
//.tabs li:first-child{
//  margin-left: 15px;
//}
//.tabs li{
//  display: inline-block;
//  margin-left:5px;
//  vertical-align: bottom;
//}

//.nav.tabs>li>a{
//  padding: 8px 18px 5px 18px;
//  background-color: #f6f7f8;
//  border: 1px solid #dddddd;
//  border-bottom: none;
//  position: relative;
//  margin-bottom: 1px;
//  font-weight: 400;
//}
.scss-comment{
  content:'director/scss/tab_group.scss'
}
.nav.tabs{
  align-items: center;
  li{
    display: inline-block;
    margin-left:5px;
    vertical-align: bottom;

    &:first-child{
      margin-left: 15px;
    }
    &>a{
      padding: 8px 18px 5px 18px;
      background-color: #f6f7f8;
      border: 1px solid #dddddd;
      border-bottom: none;
      position: relative;
      margin-bottom: 1px;
      font-weight: 400;

      &:hover{
        text-underline: blue;
        text-decoration: underline;
      }
    }

  }

  li.active>a:after{
    content: ' ';
    position: absolute;
    width: 100%;
    height: 4px;
    bottom: -4px;
    left: 0;
    background-color: #eee;
  }
  li.active a{
    text-decoration: none;
    background-color: #eeeeee;
    font-weight: 500;
  }
  li.active a:hover{
     border-bottom: none;
     text-decoration: none;
     color: #a2a2a2;
     font-weight: 500;
     background-color: #eeeeee;
   }
}